<extend name="Base/common"/>
<block name="body">
	<form action="__SELF__" method="post">
		<div id="huiya">
			<header><a href="__MODULE__/Index/index" class="back"><img src="__IMG__/images/back_03.png"/></a>会员中心</header>
			<div class="huiya">
			<div class="perNews">
					<a href="#" class="f-fl"><img  width="135" height="135" src="__ROOT__{$data.logo|getimg=###}"/></a>
					<div class="f-fr">
						<h1>{$data.nickname}</h1>
						<empty name="vip">
						<p>你暂未开通会员服务</p>
						<else/>
						<p>你已开通会员服务</p>						<!-- lkl新增，读取会员到期时间 s-->						<p>会员到期时间：{$userinfo.vip_endtime|date='Y-m-d H:i:s',###}</p>						<!-- lkl新增，读取会员到期时间 e-->
						</empty>
					</div>
					<div class="clear"></div>
			</div>
			<h1 class="kait"><img src="__IMG__/images/huiya1.jpg"/>开通VIP会员</h1>
			<ul class="listOne">
				<li>
					<img src="__IMG__/images/huiya3.jpg"/>
					<div class="libix">
						<div class="libixL f-fl">
							<span>
								18元/月<br>
								<strong>共需支付18元</strong>
							</span>
						</div>
						<div class="libixR f-fr">包月</div>
					</div>
					<input type="radio" name="money" value="30" style="display: none;" />
					<input type="checkbox" class="price" id="price1" value="18" name="price">
				</li>
				<li>
					<img src="__IMG__/images/huiya2.jpg"/>
					<div class="libix">
						<div class="libixL f-fl">
							<span>
								17元/月<br>
								<strong>共需支付50元</strong>
							</span>
						</div>
						<div class="libixR f-fr">3个月</div>
					</div>
					<input type="radio" name="money" value="90" style="display: none;" />
					<input type="checkbox" class="price"  name="price" value="50">
				</li>
				<li>
					<img src="__IMG__/images/huiya2.jpg"/>
					<div class="libix">
						<div class="libixL f-fl">
							<span>
								15元/月<br>
								<strong>共需支付88元</strong>
							</span>
						</div>
						<div class="libixR f-fr">半年</div>
					</div>
					<input type="radio" name="money" value="180" style="display: none;" />
					<input type="checkbox" class="price"  name="price" value="88">
				</li>
				<li>
					<img src="__IMG__/images/huiya2.jpg"/>
					<div class="libix">
						<div class="libixL f-fl">
							<span>
								13元/月<br>
								<strong>共需支付156元</strong>
							</span>
						</div>
						<div class="libixR f-fr">包年</div>
					</div>
					<input type="radio" name="money" value="360" style="display: none;" />
					<input type="checkbox" class="price" name="price" value="156">
				</li>
				<div class="clear"></div>
			</ul>
			<div class="huiyCen">
				<h1>会员特权</h1>
				<ul>
					<li>每日查看对方联系方式提升为10次。</li>
					<li>老师可向学生自荐10次。</li>
                                        <li>会员身份标志，提高可信度。</li>
				</ul>
			</div>
			<div class="huiFoot" style="margin-bottom:20px;">
				<p>购买表示同意 <a href="__MODULE__/UserMember/agreeMent">《会员协议》</a></p>
				<input type="submit" id="btn" name="" value="支付" />
			</div>
			</div>
		</form>
	</div>
<script>
		//默认选中第一个
		$('input[type=radio]:first').attr('checked',true);
			$('#price1').attr("checked", true);
		//会员中心
		$('.huiya li').click(function(){
			$('.huiya li').find('img').attr('src','__IMG__/images/huiya2.jpg');
			$(this).find('img').attr('src','__IMG__/images/huiya3.jpg');
			$(this).find('input[type=radio]').attr('checked', true);
			$('.price').attr("checked", false);
			$(this).find('input[type=checkbox]').attr('checked', true);
		});
		$('.price').css('display','none');
</script>
</block>